<template>
  <div style="width:100%;height:100%;">
    <el-image :src="pandaImg" style="width:145px;height:145px;" fit="fill">
    </el-image>
    <el-container class="container" style="min-height:500px;" direction="vertical">
        <el-header class="header">
        </el-header>
        <el-container>
            <el-aside width="150px">
            </el-aside>
            <el-container direction="vertical">
                <el-main class="form-title-background">
                </el-main>
                <el-footer>
                </el-footer>
            </el-container>
        </el-container>
    </el-container>
  </div>
</template>
<script>

import pandaImg from '@/assets/panda.jpg'

const childrenProps = {};

export default {
    component : {
    },
    data(){
        return {
            //data定义
            pandaImg,
        };
    },
}
</script>
<style type="css" scoped>
    .container .header {
            background-color: red;
    }
</style>